<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
        <h:outputStylesheet library="css" name="styles/style.css"  />
        <link rel="stylesheet" type="text/css" href="styles/style.css" />
    </h:head>
    <h:body> 
        <div id="header">
            <h:outputLink value="index.xhtml" target="_blank">
                <h:graphicImage value="images/logo.jpg" width="274" height="90"/>
            </h:outputLink>
            <div>
                <h:form>
                    <h:commandLink action="#{pageController.moveToRegistreer()}" value="Registreer"/> | 
                    <h:commandLink action="#{pageController.moveToLogin()}" value="Login"/> | 
                    <h:commandLink action="#{pageController.moveToBetaalmethodes()}" value="Betaalmethodes"/> | 
                    <h:commandLink action="#{userpagesController.gaNaarDetailPagina()}" value="detailpage"/> | 
                    <h:commandLink action="#{pageController.moveToSucces()}" value="succespage"/>
                </h:form>


                <span id="account">
                    <h:outputLink value="registreer.xhtml" rendered="#{userManager.loggedOut}">Gelieve u in te loggen.</h:outputLink>
                    <h:outputLink value="registreer.xhtml" rendered="#{userManager.loggedIn}">Welkom #{userManager.current.voornaam} #{userManager.current.achterNaam}
                        met id #{userManager.current.id}</h:outputLink>
                </span>

            </div>
            <ul id="menu">
                <h:form>
                <li><h:commandLink action="#{pageController.moveToIndex()}" value="Home Page"/></li>
                <li><h:commandLink action="#{pageController.moveToAbout()}" value="About us"/></li>
                </h:form>
            </ul>
        </div>
        <div id="wrapper">
            <div id="left">
                <div id="columns">
                    <div class="column">
                        <div>
                            <h4 class="title1">Popular Tours</h4>
                            <ul>
                                <li><h:outputLink value="#" target="_blank">Argentina</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Australia</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Brazilia</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">China</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">France</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">England</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Jamaica</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Israel</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Italy</h:outputLink></li>
                                <li><h:outputLink value="#" target="_blank">Germany</h:outputLink></li>
                            </ul>
                            <a href="#" class="more">more tours</a>
                        </div>
                    </div>
                    <div class="column c2">
                        <div>
                            <h4 class="title2">Hot Tours</h4>
                            <div class="pic">
                                <h:outputLink value="egypt.xhtml" target="_blank">
                                    <h:graphicImage value="images/pic1.jpg" width="108" height="53"/>
                                </h:outputLink>
                                <span><h:outputLink value="index.xhtml" target="_blank">
                                        Egypt
                                    </h:outputLink></span>
                            </div>
                            <div class="pic">
                                <a href="#"><img src="images/pic1.jpg" alt="" width="108" height="53" /></a><br />
                                <span><a href="#">Egypt</a></span>
                            </div>
                            <div class="pic">
                                <a href="#"><img src="images/pic2.jpg" alt="" width="108" height="53" /></a><br />
                                <span><a href="#">Miami</a></span>
                            </div>
                            <div class="pic">
                                <a href="#"><img src="images/pic3.jpg" alt="" width="108" height="53" /></a><br />
                                <span><a href="#">Russia</a></span>
                            </div>
                            <a href="#" class="more">more hot tours</a>
                        </div>
                    </div>
                    <div class="column c3">
                        <div>
                            <h4 class="title3">Top Hotel Deals</h4>
                            <p:dataList value="" var="car" type="ordered">  
                                #{hotel.naam}  
                            </p:dataList>

                            <a href="#" class="more">more hotels</a>
                        </div>
                    </div>
                </div>
                <div id="search">
                    <img src="images/title5.gif" alt="" width="119" height="22" /><br /> 
                    <h:form id="form">  

                        <h3>Vertrek Datum</h3>  
                        <p:calendar value="#{reisController.vertrekDatum}" id="vertrek" />  
                        
                        <h3>Terugkeer Datum</h3>
                        <p:calendar value="#{reisController.terugkeerDatum}" id="terugkeer"/>
                        
                        k
                        <h:commandButton value="SearchResult" action="#{reisController.gaNaarReisPeriodePagina}"  >
                            
                        </h:commandButton>
                        

                    </h:form>  
                </div>
                <div class="text">
                    <img src="images/title4.gif" alt="" width="249" height="27" />
                    <p>Lorem ipsum dolor sit amet, sectetu adip scing varius interdum incid unt quis, libero. Aenean mturpis. Maecenas hendrerit masa laoreet iaculipede mnisl ulamcorper. Tellus er sodales enim, in tincidunt mauris in odio. Massa ac laoreet iaculipede nisl ullamcorpermassa, ac consectetuer feipsum eget pede.  Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio.  massa ac laoreet iaculipede nisl ullamcorpermassa,consectetuer feipsum eget pede. Proin nunc. </p>
                    <a href="#" class="more2">more info</a>
                </div>
            </div>
            <div id="right">
                <div>
                    <img src="images/title6.gif" alt="" width="183" height="27" />
                    <p>Lorem ipsum dolor sit amet, sectetu adip scing varius interdum incid unt quis, libero. Aenean mturpis. Maecenas hendrerit masa laoreet iaculipede mnisl ulamcorper. Tellus er sodales enim, in tincidunt mauris in odio. Massa ac laoreet iaculipede nisl ullamcorpermassa, ac consectetuer feipsum eget pede.  Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odio.  massa ac laoreet iaculipede nisl ullamcorpermassa,consectetuer feipsum eget pede. Proin nunc. Donec massa. Nulla pulvinar, nisl ac convallis nonummy, tellus eros sodales enim, in tincidunt mauris in odi.Lorem ipsum dolor sit amet, consectetuer adipi scing elit.Mauris u tincidunt quis, libero. </p>
                </div>
                <div>
                    <img src="images/title7.gif" alt="" width="177" height="28" /><br />
                    <div class="photo">
                        <img src="images/photo1.jpg" alt="" width="194" height="111" /><br />
                        <a href="#">Paris, France</a>			  
                    </div>
                    <div class="photo">
                        <img src="images/photo2.jpg" alt="" width="194" height="111" /><br />
                        <a href="#">Agia Napa, Cyprus</a>			  
                    </div>
                    <div class="photo">
                        <img src="images/photo3.jpg" alt="" width="194" height="111" /><br />
                        <a href="#">Maldives</a>			  
                    </div>
                    <div class="photo">
                        <img src="images/photo4.jpg" alt="" width="194" height="111" /><br />
                        <a href="#">Miami</a>			  
                    </div>
                </div>
                <div>
                    <a href="#" id="more">more tours</a>
                </div>
            </div>
        </div>
        <div id="footer">
            <ul>
                <li><a href="index.html">Home Page</a> |</li>
                <li><a href="index2.html">About Company</a> |</li>
                <li><a href="index2.html">Hot Tours</a> |</li>
                <li><a href="index2.html">Hotels</a> |</li>
                <li><a href="index2.html">Services</a> |</li>
                <li><a href="index2.html">Reviews</a> |</li>
                <li><a href="index2.html">Partners</a> |</li>
                <li><a href="index2.html">Contact us</a></li>
            </ul>
            <p>Copyright &copy;. All rights reserved. Design by <a href="http://www.bestfreetemplates.info" target="_blank" title="Best Free Templates" class="bft">BFT</a></p>																																																			
        </div>

    </h:body>
</html>

